<template>
  <div class="bg-white rounded-lg shadow-md p-5">
    <h3 class="text-lg font-bold mb-4">注意事项</h3>
    <div class="space-y-3">
      <div v-for="(note, idx) in notes" :key="idx" class="flex">
        <i class="fas fa-exclamation-triangle text-amber-500 mr-3 mt-1 flex-shrink-0"></i>
        <p class="text-gray-700">{{ note }}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TripNotes',
  props: {
    notes: {
      type: Array,
      required: true
    }
  }
};
</script>